.el-table__body-wrapper::-webkit-scrollbar {
  opacity: 0;
  width: 8px;
  /*滚动条宽度*/
  height: 8px;

  /*滚动条高度*/
  &:hover {
    opacity: 1;
  }
}

/* 解决elementui固定留白bug */
.el-table__fixed-right {
  height: auto !important; // 让固定列的高自适应
  bottom: 0px !important; //固定列默认设置了定位 
  right: 0px !important;
}

.el-table__body-wrapper::-webkit-scrollbar-track {
  border-radius: 10px;
  /*滚动条的背景区域的圆角*/
  box-shadow: inset 0 0 6px rgba(238, 238, 238, 0.3);
  background-color: #eeeeee;
  /*滚动条的背景颜色*/
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
  border-radius: 10px;
  /*滚动条的圆角*/
  box-shadow: inset 0 0 6px rgba(145, 143, 0143, 0.3);
  background-color: rgb(145, 143, 143);
  /*滚动条的背景颜色*/
}

/* striped先开启斑马纹属性，这里是修改斑马纹颜色 */
.el-table--striped .el-table__body tr.el-table__row--striped td {
  background: #fdfcf9 !important;
}

// 鼠标移入时显示的背景
.el-table__body-wrapper .el-table__body tr:hover>td {
  background-color: #fff6e2 !important;
}

// input样式
.el-input__inner {
  background-color: #f8f5f5 !important;
  border: 1px solid #f8f5f5 !important;

  &:hover {
    border: 1px solid #999 !important;
  }

  &:focus {
    border: 1px solid #ffb200 !important;
  }
}
.el-input-group__append, .el-input-group__prepend{
    background: #e7dfdf !important;
    padding: 0 10px !important;
    border: 0 !important;
}

/* dialog */
.el-dialog__header {
  height: 56px;
  background: #fff;
  box-shadow: 0 0 6px 0 rgb(144 142 142 / 17%);

  .el-dialog__title {
    line-height: 24px;
    font-size: 16px;
    color: #303133;
    font-weight: 700;
  }
}

/* el-pager */
.el-pager {
  color: #303133;

  li.active {
    color: #ffb200 !important;
  }

  li:hover {
    color: #ffb200 !important;
  }
}

.el-select-dropdown__item.selected {
  color: #ffb200 !important;
}

/* 表单样式 */
.el-form-item__label {
  font-size: 12px !important;
  font-family: PingFangSC, PingFangSC-Medium;
  font-weight: 500 !important;
  color: #887e7e !important;
}

/* 三级联动 */
.el-cascader-node.in-active-path,.el-cascader-node.is-active,.el-cascader-node.is-selectable.in-checked-path{
  color: #ffb200 !important;
}

/* 单选框 */
.el-radio__input.is-checked .el-radio__inner{
  border-color: #ffb200 !important;
  background: #ffb200 !important;
}
.el-radio__input.is-checked+.el-radio__label{
  color: #ffb200 !important;
}

// 上传
.el-upload-dragger{
  border: 0 !important;
  background: #f9f9f9 !important;
}
.el-upload-list__item:first-child:hover{
  background-color: #f9f9f9 !important;
}
.el-upload-list__item-name:hover{
  color: #ffb200 !important;
}

// 表单距离
.el-form--label-top .el-form-item__label{
  padding: 0 !important;
}